@charset "utf-8";
/* CSS Document Xi 个人专用样式表 */
/* 页面层次一般为：
 |--------------------1.body ------------------------------------------|
 |        |---------------2.wrapper---------------------------|        |
 |        |-------------------3.header------------------------|        |
 |        |-------------------3.xpage-------------------------|        |
 |        |-------------------3.push--------------------------|        |
 |        |---------------------------------------------------|        |
 |        |---------------2.footer----------------------------|        |
 |---------------------------------------------------------------------|
*/

/* 0.全局通用布局样式设置  开始 */
html { height:100%;  }
*{ margin: 0; padding: 0;}
body,input, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, button, textarea, p, blockquote, h1, h2, h3, h4, h5, h6, img,em{ margin: 0; padding: 0; border:0;list-style: none;}
body { font-size:12px; font-family:"Microsoft Yahei"; color:#333333; background:#e7f0f5; height:100%; margin:0; padding:0;  }
table { border-collapse:collapse; border-spacing:0;}
img { border:0 none; }
button { border:none; padding:0; }
button:-moz-focus-inner { border:none; }
input[type=radio],input[type=checkbox] { vertical-align:middle; }
input.checkbox{ vertical-align:middle; }
input { VERTICAL-ALIGN: middle; outline: medium; }
input,textarea,select,button { font-weight:inherit; font-family:inherit; font-size:inherit; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ul li { margin: 0; padding: 0; list-style-image:none; list-style-position:outside; list-style-type:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { vertical-align:baseline; zoom:1; font-weight:400; }
a{text-decoration: none;}
textarea { overflow:auto; }
.clear{ clear:both;}


/*弹窗提示*/
.cover{ width:100%; height:100%; background:#000; opacity:0.5; z-index:1; position:absolute; left:0; top:0;}
.ejectBox{ width:806px; height: 664px; background:#fff; position:absolute; z-index:998; left: 50%; top:46%; padding-bottom:10px; overflow-y: auto; border: 1px solid #ddd; margin-top:-332px; margin-left:-403px; /*box-shadow:5px 5px 6px #ddd,-5px -5px 6px #ddd; */}
.ejectBox .tit{ height:44px;padding-left:20px; color:#222; line-height:44px; position:relative; font-size:18px; font-weight:400; background:#f39800; color:#fff;}
.ejectBox .tit .close{ width:24px; height:24px; background: url(../images/closeBtnWhite.png) no-repeat; position:absolute; z-index:999; right:14px; top:10px; cursor:pointer;}

.ejectCon{font-size:14px; }
.ejectCon li span{ width:120px; display:block; float:left; line-height:40px; text-align:right; color:#777;}
.ejectCon li em{width:400px; display:block; float:left;line-height:40px;}
.blueColor{ color:#5690cf;}
.orangeColor{ color:#f39602;}

.border{ width:100%; height:3px; background:#999999; position:relative; margin-top:7px; margin-bottom:3px;}
.border em{position: absolute; z-index:5;top:-7px; }
.border em.left{  right:0; border-top:8px solid transparent;border-bottom:8px solid transparent; border-right:16px solid #999999;}
.border em.right{left:0; border-top:8px solid transparent;border-bottom:8px solid transparent; border-left:16px solid #999999;}


/* 步骤一*/

.ejectBox h1{ font-size:22px; font-weight:bold;}
.ejectBox h1 em.orangeColor{ color:#f39602; font-weight:bold;}
.ejectBox .or{font-size:22px; font-weight:bold;}
.ejectBox .or span{ background:#f39800; border-radius:50%; color:#fff; width:34px; height:34px; line-height:34px; display:inline-block; text-align:center; margin-right:10px; font-size:20px;}


.ejectBox .loginArea{padding:20px 32px; padding-bottom: 0; font-size:22px; }

.ejectBox .loginArea .inputArea{ padding-bottom:10px; padding-top:10px;}
.ejectBox .loginArea .inputArea input{ line-height:30px; height:30px; width:312px; float:left; padding:0 10px;font-size:14px;}
.ejectBox .loginArea .inputArea .user{ border:1px solid #f9cb7f; border-top-left-radius:6px;border-bottom-left-radius:6px;}
.ejectBox .loginArea .inputArea .password{border-top:1px solid #f9cb7f;border-bottom:1px solid #f9cb7f;}
.ejectBox .loginArea .inputArea button{height:32px;line-height:32px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:0;border-bottom-left-radius:0; background:#f99c00; color:#fff; font-size:16px;font-weight:bold; width:76px; float:left; margin:0; letter-spacing:4px; cursor:pointer;}

.ejectBox .loginArea .otherHandle{ width:100%;line-height:20px; font-size:14px; padding-bottom:10px;}
.ejectBox .loginArea .otherHandle span{ padding-right:50px; padding-left:25px; display:inline-block; height:20px; cursor:pointer;background:url(../images/check.png) no-repeat left bottom;}
.ejectBox .loginArea .otherHandle span.click{background:url(../images/checked.png) no-repeat;}
.ejectBox .loginArea .otherHandle span:last-child{ background:none; color:#f39800;padding-left:83px; background:none;}
.ejectBox .loginArea .otherHandle span:last-child:hover{ text-decoration:underline;}

.ejectBox .btnlang{ width:383px; line-height:32px;height:32px; background:#f39800; color:#fff; text-align:center; font-size:16px; font-weight:bold; border-radius:6px;}
.ejectBox .btnlang.samller{ width:270px;}

.ejectBox .btnArea{ height:126px;padding:0 32px;}
.ejectBox .btnArea h1{ width:440px;line-height:126px; float:left; }
.ejectBox .btnArea .btnlang.samller{float:right; margin-top:48px;}

.ejectBox.step1 .btnArea{ height:90px;}
.ejectBox.step1 .btnArea .or{margin-top:32px; width:190px; float:left;}
.ejectBox.step1 .btnArea button{margin-top:32px; float:right; letter-spacing:2px; cursor:pointer;}

.ejectBox .search { float:right;}
.ejectBox .search input{border:1px solid #f9cb7f; border-radius:6px;border-top-right-radius:0;border-bottom-right-radius:0; height:30px; line-height:30px; width:300px; float:left; padding:0 10px; font-size:14px; font-weight:normal;}
.ejectBox .search .btn{ background:url(../images/zoom.png) no-repeat #f99c00 center center; float:right; cursor:pointer; width:39px; height:32px;border-top-right-radius:6px;border-bottom-right-radius:6px; }


.choose{ padding:10px 32px; height:auto; padding-top:22px;}
.choose .chooseLetter{padding-top:14px; height:29px; line-height:29px; padding-bottom:0;font-size:16px; position:relative; z-index:10;}
.choose .chooseLetter span{ display:block; padding:0 8px;font-size:16px; line-height:25px; height:29px; cursor:pointer; float:left;}

.choose .chooseLetter:after{ display: block; content:""; clear:both;}
.choose .chooseLetter span.current,.choose .chooseLetter span:hover{ background:url(../images/bordercolor.png) bottom repeat-x;color:#f99c00;}
.choose .chooseLetter span:first-child.current,.choose .chooseLetter span:first-child:hover{ background:url(../images/letterL.png) no-repeat bottom;}
.choose .chooseLetter span:last-child.current,.choose .chooseLetter span:last-child:hover{ background:url(../images/letterR.png) no-repeat bottom;}

.choose .line4{ width:100%; height:4px; border-radius:8px; background:#ddd; position:relative; margin-bottom:17px; top:-4px;}

.choose .logos{ height:242px; overflow-y:auto;}
.choose .logos a{ width:134px; height:89px; float:left; margin-right:8px; box-sizing:border-box; -webkit-box-sizing:border-box; display:block;border:2px solid #fff; margin-bottom:5px;}
.choose .logos a img{width:130px; height:85px;}
.choose .logos a:hover{border:2px solid #f99c00; }


/* 步骤二*/
.ejectBox.step2{ height:316px; margin-top:-158px;}



/* 步骤三 */
.ejectBox.step3{ width:578px; margin-left:-289px; height:208px; margin-top:-104px;}
.ejectBox.step3 .ejectCon{padding:35px 48px;}
.ejectBox.step3 .ejectCon h2{ font-weight:bold;font-size: 22px;}
.ejectBox.step3 .ejectCon h3{font-size: 20px; line-height: 26px; padding-top:10px;}


